/* @media screen and (min-width:0\0) */
@charset 'utf-8';
@import 'theme';
@import 'color';
@import 'model-beta';

@media all and (-webkit-min-device-pixel-ratio: 2) {
	/* TOP */
	#top_bar{
		max-width: 100%;
		box-shadow: #000 0px 1px 3px;
		height: 30px !important;
		*{
			line-height: 2.3rem;
		}
		.bar-left{
			width: 30%!important;
		}
		.bar-right{
			min-width: 38%;
			width: auto!important;
			max-width: 70%;
		}
	}
	
	
	
	/* MAIN */
	#main{
		width: 100%!important;
	}
	#model{
		max-width: 100%!important;
		margin-top: 1.2rem!important;
		height: auto!important;
		.storename{
			width: 100%;
			word-break:break-word;
		}
		.name{
			margin: 0 auto;
			display: block!important;
			font-size: 1.7rem!important;
			float: none!important;
			height: auto!important;
			text-align: center;
			width: 100%!important;
			text-shadow: 0px 1px 3px $themeColor;
			color: #333;
		}
		.int{
			display: block!important;
			font-size: 0.9rem!important;
			float: none!important;
			margin: 0 auto!important;
			text-align: center;
			width: 100%!important;
		}
		.search{
			display: block!important;
			float: none!important;
			margin: 0!important;
			text-align: center;
			width: 62%!important;
			margin: 0.6rem auto!important;
			.search_tag{
				width: 80%;
			}
			.search-icon-div{
				display: inline-block!important;
				width: 20%;
			}
			.search_result{
				width: 96% !important;
				position: relative;
				ul{
					width: 100%!important;
					background-color: $themeColor!important;
					border: 0;
					border-radius: 0 0 0.5rem 0.5rem;
					box-shadow: 0 2px 2px #333;
				}
			}
		}
	}
	#pic_wall{
		display: none;
	}
	#nav_bar{
		height: auto!important;
		display: block!important;
		width: 100%!important;
		.nav_bar{
			width: 100%!important;
			height: auto !important;
			border: 0!important;
			box-shadow: none!important;
			background: $themeColor!important;
		}
		a{
			display: block!important;
			width: 100%!important;
			.help,.item{
				width: 100%!important;
				box-shadow: none!important;
				text-shadow: none!important;
			}
		}
		// #nav_bar_list{
		// 	display: block!important;
		// 	text-align: left!important;
		// 	width: 100%!important;
		// 	height: 5.2rem!important;
		// }
		// .nav_bar_div{
		// 	width: 46%!important;
		// 	padding: 0 0 0.1rem 0!important;
		// 	margin: 0.2rem 2%!important;
		// 	height: 1.9rem!important;
		// 	display: block!important;
		// 	float: left!important;
		// }
	}

	#_pc,._pc{
		display: none!important;
	}
	#_mobile,._mobile,#goods-mobile{
		width: 100%!important;
	}
	#_mobile,._mobile{
		@include newLine();
		display: block!important;
		.warp{
			width: 46%;
			margin: 0 2% 3% 2%;
			overflow: hidden;
			position: relative;
			z-index: 1;
			color: #FFF;
			text-shadow:0px 1px 3px $themeColor;
			// display: inline-block;
			float: left;
			.bg{
				background-color: $themeColor;
				position: absolute;
				opacity: 0.8;
				width: 100%;
				height: 100%;
				z-index: -1;
			}
			.head{
				font-size: 1rem;
				line-height: 1.5rem;
				height:1.5rem;
				text-align: center;
				// background-color: $themeColor;
			}
			.preview_img{
				max-width: 100%;
				background-color: #FFF;
				img{
					width: 100%;
				}
			}
			.info{
				.price{
					height: 1.5rem;
					font-size: 0.8rem;
					line-height:1.5rem;
					text-align: center;
				}
				.intro{
					font-size: 0.6rem;
					line-height: 1.1rem;
					text-indent: 0.8rem;
					word-wrap: break-word;
					height: 1rem!important;
				}
			}
		}
	}
	/* BOTTOM */
	#bottom{
		max-width: 100%;
		>div{
			padding: .2rem 1.2rem;
		}
	}
	/* all-goods-detail */
	/* right */
	#right{
		display: none!important;
	}
	/* left */
	#goods-type{
		width: 100%!important;
	}
	#left{
		width: 100%!important;
		height: auto!important;
	}
	#types{
		width: 90%!important;
		margin: 0.5rem 5%!important;
		a{
			border: 1px solid $themeColor;
			padding: 0.1rem 0.3rem;
			display: inline-block;
			border-radius: 2rem;
			text-decoration: none!important;
			margin: 0.1rem;
			background: rgba($themeColor,0.8);
			color:#FFF!important;
			font-size: 0.8rem;
			// background: -webkit-gradient(linear, top, bottom, from($themeColor), to(#fff))!important;
		}
	}
	#goods{
		width: 100%!important;
		height: auto!important;
	}
	/* 商品详情 */
	#goods-main{
		width: 100%!important;
		height: auto!important;
		overflow: hidden;
	}
	#goods-main-img{
		width: 100%!important;
		height: auto!important;
		display: block!important;
		float: none!important;
	}
	#imgWall{
		width: 90%!important;
		margin: 0 5%!important;
		margin: 0 auto!important;
		float: none!important;
	}
	#imgBox{
		width: 100%!important;
		// height: auto!important;
		// height: auto!important;
		.big-img{
			width: 100%!important;
			height: 100%!important;
		}
	}
	#small-img-box{
		width: 100%!important;
		height: 2rem!important;
		float: none!important;
		img{
			display: inline-block!important;
			width: 2rem!important;
			height: 2rem!important;
		}
	}
	#describe{
		width: 90%!important;
		height: auto!important;
		margin: 5%!important;
		float: none!important;
		.price-describe{
			width: 100%!important;
		}
	}
	#goods-title{
		width: 100%!important;
	}
	#evaluation{
		width: 100%;
		div{
			max-width: 100%!important;
		}
		.info{
			width: 100%!important;
			.goods-evaluation{
				width: 100%!important;
				img{
					max-width: 100%!important;
				}
				.info-details{
					width: 100%!important;
					table{
						width: 90%!important;
					}
				}
				.images{
					width: 100%!important;
				}
			}
		}
	}
	.submit{
		width: 100%!important;
	}
	#button{
		display: inline-block!important;
		width: 46%!important;
		margin:0 2%!important;
	}
	#qrcode{
		display: inline-block!important;
		width: 46%!important;
		margin:0 2%!important;
	}
	/* sign_in */
	#sign_in_box{
		width: 100%!important;
		height: auto!important;
		overflow: hidden;
		div{
			max-width: 100%!important;
			float: none!important;
		}
		#form{
			max-width: 200% !important;
			width: 200%!important;
			form{
				width: 90%!important;
				height: auto!important;
				margin: 5%!important;
				td{
					padding-left: 0!important;
				}
			}
		}
	}
	#com_introduce{
		width: 100%!important;
		height: auto!important;
		display: none!important;
	}
	#sign_in_form,#sign_up_form{
		width: 50%!important;
		// display: inline-block!important;
		padding-top: 0!important;
		height: auto!important;
		position: relative!important;
		margin:0!important;
	}
	#sign_up_form{
		top: -160px!important;
	}
	/* store-int */
	#store-int{
		width: 100%!important;
	}
	#store-map{
		width: 100%!important;
		height: 80%!important;
	}
	#map{
		width: 100%!important;
		height: 90%!important;
		margin: 0!important;
	}
	#store-business{
		width: 100%!important;
	}
	#service,#logistics{
		width: 100%!important;
		height: auto!important;
	}
	/* cart */
	#cart,#carts,#count{
		width: 100%!important;
		height: auto!important;
		overflow: hidden!important;
	}
	#count .box{
		margin: 0!important;
		width: 100%!important;
		height: auto!important;
	}
	#price,#settlement{
		width: 100%!important;
		float: none!important;
		text-align: center;
	}
	#cart .cart{
		width: 100%!important;
		height: auto!important;
		.cart-item{
			float: none!important;
		}
		.goods-img{
			width: 38%!important;
			margin: 5%!important;
			height: auto!important;
			display: inline-block!important;
			img{
				width: 100%!important;
				height: auto!important;
				padding: 0!important;
			}
		}
		.detail{
			width: 52%!important;
			margin-top: 5%!important;
			height: auto!important;
			overflow: hidden;
			p{
				word-wrap: break-word;
			}
			a{
				position: static!important;
				top:0!important;
			}
			display: inline-block!important;
			vertical-align: top;
		}
		.choice{
			display: block!important;
			width: 64%!important;
			height: auto!important;
			.count{
				margin: 0!important;
				inputnumber{
					margin: 0 auto;
				}
			}
		}
		.price{
			display: block!important;
			height: auto!important;
			width: 36%!important;
			text-align: center;
		}
		.method{
			display: block!important;
			height: auto!important;
			width: 100%!important;
			vertical-align: top;
			padding: 0.5em 0!important;
			>div{
				display: inline-block!important;
				width: 50%!important;
				text-align: center;
			}
			button{
				width: 80%;
				display: block;
			}
		}
	}

	#order_detail{
		width: 100%!important;
		overflow: hidden!important;
	}

	#order_detail{
		.title{
			width: 100%!important;
		}

		.item{
			width: 100%!important;

			.title{
				width: 100%!important;
			}


			.info{
				width: 98%!important;
				padding: 0 1%!important;
				word-break: break-word;

				.addr{
					width: 100%!important;
					height: auto!important;
					word-break: break-word;
				}

				.add_address{
					width: 100%!important;
					overflow: hidden;

					.text{
						width: 100%!important;
						height: auto!important;
						margin: 10px auto !important;

						.addr{
							width: 100%!important;
							height: auto!important;

							.province,& .city,& .county{
								display: inline-block;
							}

							.detailed_addre{
								display: inline-block;
								width: 80%!important;
								margin-top: 5px!important;
								margin-left: 0!important;
							}

						}

						.connect{
							width: 100%!important;
							height: auto!important;

							.zip_code{
								margin-top: 5px!important;
								margin-left: 0!important;
							}

						}

						.btn{
							margin-top: 0!important;
							margin-left: 0!important;
						}

					}

				}

				.pay-type{
					width: 100%!important;

					span{
						display: none;
					}

				}

				table{
					width: 100%!important;
					font-size: 0.1rem!important;
				}

				.money{
					width: 66%!important;
					margin-left: 34%!important;

					.money-item{
						width: 100%!important;
						margin: 0!important;
					}

				}

			}

			.method{
				width: 70%!important;
				padding: 0.5rem 1%!important;
				margin: 0 auto!important;
			}

		}
	}

}